<template>
  <header>
    <div class="logo"></div>
    <span class="title">荷福安建后台管理系统</span>
    <span class="goToLog">
      已有账号，
      <router-link to="/login">马上登录</router-link>
    </span>
  </header>
</template>

<script>
export default {}
</script>

<style  lang="scss" scoped>
header {
  height: 71px;
  position: relative;
  background-color: #f0f0f0;

  .logo {
    width: 43.6px;
    position: absolute;
    height: 46.7px;
    background: url("../../../assets/findPassword/logo.png") no-repeat center;
  }
  .title {
    position: absolute;
    color: #2864fb;
    font-size: 28px;
    left: 66px;
    top: 3px;
  }
  .goToLog {
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 27px;
    a {
      color: #2864fb;
      text-decoration: underline;
    }
  }
}
</style>
